<template>
	<view class="content">
		<view class="pwd_wraper data-v-06415864">
			<view class="text_tips data-v-06415864" style="color:red;"></view>
			<view class="view_bar_item data-v-06415864">
				<text class="text_bar_item data-v-06415864">旧密码</text>
				<input class="uni-input data-v-06415864" placeholder="请输入旧密码" type="text" v-model="oldPassword"></input>
				<uni-icons class="uni-icon data-v-06415864" size="20" type="clear"></uni-icons>
			</view>
			<view class="long_line data-v-06415864"></view>
			<view class="text_tips data-v-06415864" style="color:red;"></view>
			<view class="view_bar_item data-v-06415864">
				<text class="text_bar_item data-v-06415864">新密码</text>
				<input class="uni-input data-v-06415864" placeholder="请输入新密码" type="text" v-model="newPwd"></input>
				<uni-icons class="uni-icon data-v-06415864" size="20" type="clear"></uni-icons>
			</view>
			<view class="text_tips data-v-06415864" style="color:red;"></view>
			<view class="view_bar_item data-v-06415864">
				<text class="text_bar_item data-v-06415864">确认密码</text>
				<input class="uni-input data-v-06415864" placeholder="请输入确认密码" type="text"
					v-model="newPassword"></input>
				<uni-icons class="uni-icon data-v-06415864" size="20" type="clear"></uni-icons>
			</view>
			<view class="long_line data-v-06415864"></view>
			<view class="text_tips data-v-06415864" style="color:red;">{{newPasswordTips}}</view>
			<view class="text_tips data-v-06415864">密码长度为6-64个字符，必须包含数字+字母</view>
			<view class="view_bottom data-v-06415864">
				<button class="btn data-v-06415864" :disabled="btnDisabled" type="warn">提交</button>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				oldPassword: "",
				newPwd: "",
				newPassword: "",
				newPasswordTips: "",
				btnDisabled: true,
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.pwd_wraper.data-v-06415864 {
		flex-direction: column;
		padding-bottom: 160rpx;
	}

	.uni-input.data-v-06415864 {
		padding-right: 220rpx;
	}

	.password.data-v-06415864 {
		background-color: initial;
		height: 60rpx;
		position: absolute;
		right: 40rpx;
		width: 60rpx;
		z-index: 999;
	}

	.view_bottom.data-v-06415864 {
		bottom: 33rpx;
		justify-content: space-between;
		left: 0;
		padding-left: 30rpx;
		padding-right: 30rpx;
		position: fixed;
		right: 0;
	}

	.btn.data-v-06415864,
	.view_bottom.data-v-06415864 {
		align-items: center;
		display: flex;
	}

	.btn.data-v-06415864 {
		border: none;
		border-radius: 50rpx;
		flex: 1 1 50%;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		margin-bottom: 40rpx;
		margin-right: 40rpx;
		margin-top: 88rpx;
	}

	button.data-v-06415864::after {
		display: none;
	}

	.btn.data-v-06415864:last-child {
		margin-right: 0;
	}

	.btn.data-v-06415864:active {
		background-color: #f79f9f;
	}

	.long_line.data-v-06415864 {
		background-color: #eee;
		height: 3rpx;
		margin-left: 38rpx;
		margin-right: 38rpx;
	}

	.text_tips.data-v-06415864 {
		color: rgba(48, 48, 48, 0.5);
		font-size: 24rpx;
		margin: 20rpx 38rpx 10rpx;
	}

	.view_bar_item.data-v-06415864 {
		align-items: center;
		background: #fff;
		display: flex;
		padding-bottom: 18rpx;
		padding-top: 18rpx;
		position: relative;
		width: 100%;
	}

	.text_bar_item.data-v-06415864 {
		color: #3a3a3a;
		font-size: 30rpx;
		margin-left: 30rpx;
		width: 140rpx;
	}

	. .text_bar_value.data-v-06415864 {
		color: #3a3a3a;
		font-size: 28rpx;
	}

	.image_bar_item.data-v-06415864 {
		height: 48rpx;
		margin-right: 32rpx;
		width: 48rpx;
	}

	.popup_btn1.data-v-06415864 {
		align-items: center;
		border-radius: 50rpx;
		display: flex;
		flex: 1;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		width: auto;
	}

	.popup_btn1.data-v-06415864::after {
		display: none;
	}

	.popup_btn2.data-v-06415864 {
		align-items: center;
		border-radius: 50rpx;
		display: flex;
		flex: 1;
		font-size: 32rpx;
		height: 80rpx;
		justify-content: center;
		margin-left: 32rpx;
		width: auto;
	}

	.uni-icon.data-v-06415864 {
		background-color: initial;
		color: #999;
		font-family: uniicons;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		position: absolute;
		right: 100rpx;
		width: 28px;
		z-index: 100;
	}
</style>